<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <form action="./1. 逻辑与.html" method="get">
    <input type="text" /><br>
    <input type="password" /><br>
    <input type="radio" /><br>
    <input type="checkbox" /><br>
    
    <input type="button" /><br>
    <input type="reset" /><br>
    <input type="image" /><br>
    <input type="file"><br>


    email:<input type="email" ><br>
    url : <input type="url"><br>
    number: <input type="number" min="0" max="100" step="2" /><br>
    range : <input id="range" onmousemove="demo()" type="range" min="0" max="100" value="90" step="2" />
    <span id="content"></span><br>
    color: <input type="color" /><br>
    search: <input type="search" /><br>

    <input type="tel"  /><br>

    <input type="datetime-local" ><br>
    <input type="time">

    <input type="date">

    <input type="week">


    <input type="submit"  /><br>

    </form>

    <script>


        function demo(){
            document.getElementById("content").innerHTML = document.getElementById("range").value;
        }
    </script>
</body>
</html>